<template>
  <div class="card-box">
    <van-card
      :num="num"
      :price="price"
      :desc="desc"
      :title="title"
      :thumb="thumb"
    >
      <template #tags>
        <van-tag plain type="danger">标签</van-tag>
        <van-tag plain type="danger">标签</van-tag>
      </template>
      <template #footer>
        <van-button size="mini">按钮</van-button>
        <van-button size="mini">按钮</van-button>
      </template>
    </van-card>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String,
      default: "商品标题",
    },
    desc: {
      type: String,
      default: "描述信息",
    },
    thumb: {
      type: String,
      default: "https://img01.yzcdn.cn/vant/ipad.jpeg",
    },
    num: {
      type: String | Number,
      default: "2",
    },
    price: {
      type: String | Number,
      default: "2.00",
    },
  },
};
</script>

<style lang="scss">
.card-box {
  margin-top: 10px;
}
</style>
